<template>
  <div id="drainage_page" class="live_drainage_warp">
    <div class="drainage_btn_box">
      <div class="btn">
        <button>直播引流榜</button>
        <!-- <div>1245646789798798</div> -->
      </div>
      <div class="rightBox-content">
        <DrainageCtn />
      </div>
    </div>
  </div>
</template>

<script>
import DrainageCtn from "./LiveDrainage/DrainageCtn";
export default {
  name: "liveDrainage",
  components: { DrainageCtn },
  data() {
    return {};
  },
  props: {},
  computed: {},
  created() {},
  mounted() {},
  watch: {},
  methods: {}
};
</script>

<style scoped lang="less">
.live_drainage_warp {
  box-sizing: border-box;
  display: flex;
  min-height: 100vh;
  margin-top: @margin-num;
  margin-left: @margin-num;
  margin-right: @margin-num;
  background-color: #f1f1f1;
  .drainage_btn_box {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;

    height: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border-radius: 6px;
    .btn {
      display: flex;
      justify-content: space-between;
      button {
        font-size: 14px;
        color: #555;
        font-weight: 600;
        padding-left: 23px;
        padding-right: 23px;
        height: 40px;
        background-color: #fd7f2c;
        color: #ffffff !important;
        border-radius: 4px;
        margin-right: 7px;
      }
    }
  }
}
</style>
